<template>
  <div class="alignment-container">
    <NstdSpace>
      string
      <NstdButton> button </NstdButton>
      <NstdCard>
        <template #header> header </template>
        body
      </NstdCard>
    </NstdSpace>
  </div>
  <div class="alignment-container">
    <NstdSpace alignment="flex-start">
      string
      <NstdButton> button </NstdButton>
      <NstdCard>
        <template #header> header </template>
        body
      </NstdCard>
    </NstdSpace>
  </div>
  <div class="alignment-container">
    <NstdSpace alignment="flex-end">
      string
      <NstdButton> button </NstdButton>
      <NstdCard>
        <template #header> header </template>
        body
      </NstdCard>
    </NstdSpace>
  </div>
</template>

<style>
.alignment-container {
  width: 240px;
  margin-bottom: 20px;
  padding: 8px;
  border: 1px solid var(--el-border-color);
}
</style>
